<template>
	<view>
		<view class="box">
			<view class="top">
				<view class="active">
					<p>待我处理</p>
					<view></view>
				</view>
				<view>
					<p>待他处理</p>
					<view></view>
				</view>
				<view>
					<p>已完成</p>
					<view></view>
				</view>
			</view>

			<view class="list" v-for="(time,index) in 0">
				<view>
					<h3>合同名称</h3>
					<p></p>
					<p>公司名称&公司名称</p>
					<p>签署截止日期：2023-01-12</p>
				</view>
			</view>
			<view class="wu" v-if="data.length==0">
				<image src="../../static/wu.png" style="width: 182px; height: 150px; " mode=""></image>
				<p>暂无数据</p>
			</view>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {
				data:[]
			}
		},
		methods: {

		}
	}
</script>


<style>
	page {
		background: #F7F7F7;
	}
</style>

<style scoped>
	.wu{
		width: 100%;
		text-align: center;
		padding-top: 60px;
		color: #999999;
		font-size: 18px;
		line-height: 40px;
		margin-bottom: 100px;
	}
	.list {
		width: 100%;
		margin-top: 10px;
		padding-bottom: 10px;
		background: #FFFFFF;
		padding-top: 10px;
	}

	.list>view {
		width: 90%;
		margin: 0 auto;
		line-height: 40px;
	}

	.list>view>h3 {
		font-size: 18px;
		font-weight: 600;
		color: #1890FF;
	}

	.list>view>p {
		font-size: 16px;
		font-weight: 600;
		color: #000000;
	}

	.top {
		display: flex;
		height: 52px;
		justify-content: space-around;
		background-color: #fff;
	}

	.top>view {
		width: 100%;
		font-size: 15px;
		font-weight: 600;
		/* color: #1890FF; */
		line-height: 50px;
		height: 50px;
		text-align: center;
	}

	.top>view>p {
		height: 50px;
	}

	.top>view>view {
		clear: both;
		width: 60px;
		margin: 0 auto;

	}

	.active {
		border-bottom: 2px #1890FF solid;
	}

	.box {
		width: 100%;
	}
</style>


